<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Edit page the the object 'Login'</title>

    <script>
        $(function () {

            $(document).ready(function () {
                $('.date').datepicker({
                    pickDate: true,
                    showToday: true,
                    useStrict: true,
                });
            });
            recordarUsuario();
        });
    </script>

    <style>
        .big_check {
            width: 16px;
            height: 16px;
        }
        .nomargin {
            margin: 0px;
            padding: 5px;
        }
    </style>

</head>

<body>

    <div style="width:600px; margin-left: auto; margin-right:auto">
        <h1>Sistema de Gestión de Fichas</h1>
        <form class="form-signin" role="form">
            <div class="row">
                Por favor, introduzca su nombre de usuario y contraseña para iniciar sesión en el sistema.
                <br>
                <br>
            </div>
            <div class="row">
                <div class="form-group col-md-8" id="group_username">
                    <label class="col-md-6 control-label" for="nombre">Nombre de usuario</label>
                    <div class="col-md-6">
                        <input id="usuario" type="usuario" class="form-control" placeholder="" required autofocus>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="form-group col-md-8" id="group_password">
                    <label class="col-md-6 control-label" for="nombre">Contraseña</label>
                    <div class="col-md-6">
                        <input id="password" type="password" class="form-control" placeholder="" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="form-group col-md-8">
                    <label class="checkbox">
                        <input type="checkbox" id="recordarUsuario" checked>Recordar credenciales
                    </label>
                </div>
            </div>
            <div class="row">
                <div class="form-group col-md-2">
                </div>
                <div class="form-group col-md-4">
                    <button class="btn btn-primary btn-block" type="button" onclick="verify(event)">Entrar</button>
                </div>
                <div class="form-group col-md-4">
                </div>
            </div>

            <!--div class="row">
                <div class="form-group col-md-2">
                </div>
                <div class="form-group col-md-4">
                    <button class="btn btn-primary btn-block" type="button" onclick="encriptarPasswords(event)">Encriptar Password</button>
                </div>
                <div class="form-group col-md-4">
                </div>
            </div-->
        </form>

    </div>
    <!-- /container -->


    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <!--script src="../../assets/js/ie10-viewport-bug-workaround.js"></script-->
</body>

</html>